<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>长白山蜜源地</title>
	<link rel="stylesheet" href="../css/myd.css">
	<link rel="stylesheet" href="../fonts/iconfont.css">
	<link rel="stylesheet" href="../fonts/1/iconfont.css">
</head>
<body>
	<!-- 顶部 -->
	<div class="header">
		<div class="header_top">
			<div class="container clearfix">
				<div class="icon clearfix">
					<img src="../img/dianhua.png" alt="">
					<a href="">400-010-8888</a>
				</div>
				<div class="hello">
					<a href="">您好，欢迎来到中蜜丝路！</a>
				</div>
				<div class="vip clearfix">
					<div>
						<span>会员中心</span>
						<span>﹀</span>
						<ul class="dropdown-menu">
							<li><a href="wdxx.html">我的信息</a></li>
							<li><a href="wdry.html">我的认养</a></li>
							<li><a href="fxdt.html">蜂箱动态</a></li>
							<li><a href="ryxq.html">认养详情</a></li>
						</ul>
					</div>
				</div>
				<div class="span">
					<span>丨</span>
				</div>
				<div class="sign clearfix">
					<a href="dl.html">
						<img src="../img/yonghu.png" alt="">
						<span>登录</span>
					</a>
				</div>	
			</div>
		</div>
	</div>
	<!-- 导航条 -->
	<div class="container clearfix nva">
		<div class="ZM">
			<a href="index.html">
				<img src="../img/logo.png" alt="">
			</a>
		</div>
		<ul class="clearfix">
			<li><a href="../index.html">首页</a></li>
			<li><a class="index" href="map.html">蜜源寻蜜<span style="width: 80px;"></span></a></li>
			<li><a href="hmkp.html">好蜜科普</a></li>
			<li><a href="gjrz.html">蜂业专委会</a></li>
			<li><a href="vadio.html">蜜蜂视界</a></li>
			<li><a href="hyzx.html">会员中心</a></li>
		</ul>
	</div>
	<!-- 图片 -->
	<div class="banner">
		<img src="../img/temp/banner_1.jpg" alt="">
	</div>
	<!--内容 -->
	<div class="bg-gray">
	   <div class="container clearfix">
	   		<div class="popular clearfix">
	   			<div class="custom-left pull-left">
			  		<div class="left-nav">
				  		<h2>产品蜜源地</h2>
				  		<span></span>
						<ul>
							<li class="active">
								<a href="javascript:;" title="">
									<i></i>
									长白山蜜源地
								</a>
							</li>
							<li>
								<a href="javascript:;" title="">
									<i></i>
	                                武夷山蜜源地
								</a>
							</li>
							<li>
								<a href="javascript:;" title="">
									<i></i>
	                                喜马拉雅山蜜源地
								</a>
							</li>
							<li>
								<a href="javascript:;" title="">
									<i></i>
	                                喜马拉雅山蜜源地
								</a>
							</li>
	                        <li>
	                            <a href="javascript:;" title="">
	                                <i></i>
	                                大峡谷蜜源地
	                            </a>
	                        </li>
	                        <li>
	                            <a href="javascript:;" title="">
	                                <i></i>
	                                五指山蜜源地
	                            </a>
	                        </li>
	                        <li>
	                            <a href="javascript:;" title="">
	                                <i></i>
	                                华阴山蜜源地
	                            </a>
	                        </li>
						</ul>
					</div>
					<img src="../img/temp/knowledge_03.jpg" alt="">
			  	</div>
		  		<div class="custom-right pull-right">
			  		<div class="right-nav">
			  			<h2>产品蜜源地 <i class="icon-right">＞</i> <span>长白山蜜源地</span></h2>
			  		</div>
			  		<div class="product-box clearfix">
                        <div class="product-img pull-left">
                            <img src="../img/temp/list_01.png" alt="">
                        </div>
                        <div class="product-info product-info-price">
                            <div class="info-header">
                                <h2>荆条花蜜蜂箱</h2>
                            </div>
                            <div class="info-price"><span>¥</span>2000</div>
                            <div class="info-des">
                                【蜜源地】 武夷山<br>
                                【蜜种】 荆条蜜<br>
                                【蜂种】 意蜂
                            </div>
                            <div class="info-notice">
                                【温馨提示】 外界温度变化时蜂蜜易形成部分或全部结晶但结晶不影响蜂蜜本身的营养价值，消费者可放心食用。
                            </div>
                            <div class="info-tools">
                                <div class="tools-attr">
                                    <span>数量</span>
                                    <span class="num">
                                        <input type="text" value="1" class="num-val" onkeyup="value=value.replace(/[^\d]/g,'')">
                                        <i class="iconfont icon-icon num-add" onclick="num_add(this)"></i>
                                        <i class="iconfont xia icon-xia num-minus" onclick="num_minus(this)"></i>
                                    </span>
                                    <span>件</span>
                                    <span>库存988件</span>
                                </div>
                                <a href="order_submit.html" class="btn btn-lg btn-full-orange active">认养</a>
                            </div>
                        </div>
                    </div>
                    <div class="tab-detail">
                        <ul class="nav nav-tabs tabs-title">
                            <li class="active"><a href="#tab-1" title="">认养权益</a></li>
                            <li><a href="#tab-2" title="">蜂箱详情</a></li>
                        </ul>
                        <div class="tab-content">
                            <div class="editor-content">
                                <div id="tab-1" class="editor-content editor-has-style">
                                    <div class="title-public">认养权益</div>
                                    领养证书一本<br>
                                    荆条花蜜10kg<br>
                                    赠送吃蜜工具一套<br>
                                    领养成功后，您的幸福寄语将打印在蜂箱上<br>
                                    预计发货时间：2018年7月-8月期间，认养期限：1年
                                    <br><br>
                                </div>
                                <div id="tab-2" class="editor-content editor-has-style">
                                    <div class="title-public">蜂蜜功效</div>
                                    荆条花蜜：荆条蜜呈浅琥珀色，透明，气味芬芳，口感甜润甜而不腻，荆条蜜对于脑力工作者、学生、上班族都非常适合，有利于促进体体力恢复适合饭后容易困倦、学生，上班族都非常适合，有助于体力恢复，适合饭后容易困倦，体力消耗大者荆条蜜还具有润肠通便，开胃健脾，促进消化，助吸收，益气、补中、发汗、散热散寒、美容、健体、润燥之功效，多适合气血不足，伤风头痛，失眠者。
                                    <br>
                                    常服此蜜能增强人体特异性非特异性免疫功能，提高体质，对心血管疾病如强心、改善血液循环方面有辅助疗效，具有止痛补虚之功效。是养生之上品!
                                    <div class="temp-img-div-2">
                                        <img src="../img/temp/bee_detail_1.png" alt="">
                                        <img src="../img/temp/bee_detail_2.png" alt="">
                                    </div>
                                    <div class="title-public">蜂场信息</div>
                                    厂名：Comvita New Zealand Ltd厂址：Wilson Road South Bay of Plenty 3071 New Zealand厂家联系方式：0755-83661958配料表：天然麦卢卡花蜂蜜储藏方法：阴凉干燥处25度保质期：1095 天食品添加剂：无产品名称：comvita/康维他 麦卢卡UM...净含量: 500g包装方式: 包装商品条形码: 9400501001116品牌: comvita/康维他系列: 麦卢卡UMF5+规格: 500g生产方式: 分离蜜蜂蜜种类: 其他/other产地: 新西兰适用对象: 全部适用
                                    <br>
                                    <div class="temp-img-div-2">
                                        <img src="../img/temp/bee_farm_9.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
			  	</div>	
	   		</div>
	   </div>
	</div>
	<!-- 底部 -->
	<div class="footer">
		<div class="container clearfix">
			<div class="foot-left">
				<ul>
					<li>
						<b class="iconfont icon-dianhua2"></b>
						<span>400-010-8888</span>
					</li>
					<li>
						<i class="iconfont icon-shijianzhongbiao2"></i>
						<span>工作时间：8:30-17:30</span>
					</li>
					<li>
						<i class="iconfont icon-youjian"></i>
						<span>E-mail：contact@zhongmisilu.com</span>
					</li>
					<li>
						<i class="iconfont icon-weizhi"></i>
						<span>海南省海口市龙华区财富广场18C</span>
					</li>
				</ul>
			</div>
			<div class="line-foot"></div>
			<div class="foot-cen">
				<dl>
					<dt>
						<a href="">蜜源寻蜜</a>
					</dt>
				</dl>
				<dl>
					<dt><a href="">好蜜科普</a></dt>
					<dd>
						<a href="">蜜源探秘</a>
						<a href="">蜂蜜常识</a>
						<a href="">蜂蜜种类</a>
						<a href="">蜂蜜价值</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">蜂业专委会</a></dt>
					<dd>
						<a href="">工匠认证</a>
						<a href="">专业培训</a>
						<a href="">专委会介绍</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">蜜蜂视界</a></dt>
					<dd>
						<a href="">全部视频</a>
					</dd>
				</dl>
				<dl>
					<dt>
						<a href="">会员中心</a>
					</dt>
				</dl>
			</div>
			<div class="line-foot"></div>
			<div class="foot-rig">
				<dt>
					<img src="../img/temp/wx.jpg" alt="">
				</dt>
				<dd>
					扫描上方公众号微信二维码
					<br>
					或者微信加公众号：zhongmisilu
				</dd>
			</div>
		</div>
		<div class="copyright clearfix">© 2017 中蜜丝路 鲁公网安备 11010102002425号  鲁ICP证160503号 鲁ICP备14052685号-1
		</div>
	</div>
	<script src="../js/jquery.js"></script>
	<script>
		$(function () {
	      // tab切换相关
	      //Default Action
	      $("ul.tabs-title li:first").addClass("active"); //Activate first tab
	//
	//      //On Click Event
	      $("ul.tabs-title li").click(function() {
	        $("ul.tabs-title li").removeClass("active"); //Remove any "active" class
	        $(this).addClass("active"); //Add "active" class to selected tab
	      });
	    });
	    // 数量加减
	    function num_add(obj) {
	      var me = $ (obj), txt = $(".num-val");
	      var val = parseFloat (txt.val ());
	      txt.val (val + 1);
	    }
	    function num_minus(obj) {
	      var me = $ (obj), txt = $(".num-val");
	      var val = parseFloat (txt.val ());
	      val = val < 2 ? 2 : val;
	      txt.val (val - 1);
	    }
	</script>
</body>
</html>